import { FloatButton } from "../dComponent"

function PfloatBtn(props){
    return(
        <div className="page">
            <h2>悬浮按钮</h2>
            <div className="flexBox" style={{
                alignItems:'center',
                justifyContent:'center',
                height:'100%'
            }}>
                <FloatButton 
                    childBtn={[
                        <FloatButton 
                            rotate={-115} 
                            childRotate={-115}
                            childBtn={[<span>1</span>,
                                <FloatButton rotate={0} childRotate={-115} childBtn={[<span>1</span>,<span>1</span>,<span>1</span>]}/>
                            ,<span>1</span>]}/>,<FloatButton childBtn={[<span>1</span>,<span>1</span>,<span>1</span>]}/>,<FloatButton rotate={120} childRotate={120} childBtn={[<span>1</span>,<span>1</span>,<span>1</span>]}/>
                    ]}
                />
            </div>
            <br/>
            {/* <p>示例代码</p>
            <pre>
                <code className="hljs">
                {

                }
                </code>
            </pre> */}
        </div>
    )
}
export default PfloatBtn  